<template>
  <module :code-str="codeStr" :code-desc="codeDesc">
    <template #moduleName>使用默认错误图片与使用自定义错误图片</template>
    <template #moduleDesc></template>
    <template #moduleComponent>
      <h4>1. 使用默认错误图片</h4>
      <h-image src="https://notExsitImage.jpeg"></h-image>
      <h4>2. 使用自定义默认错误图片，传入error</h4>
      <h-image
        src="https://notExsitImage.jpeg"
        error="https://p1.ssl.qhimg.com/dr/270_500_/t01683e90dc6c1461f7.jpg?size=440x437"
      ></h-image>
    </template>
  </module>
</template>

<script>
export default {
  alias: "V1ImageErrorDemo",
  data() {
    return {
      codeStr: `
<h4>1. 使用默认错误图片</h4>
<h-image src="https://notExsitImage.jpeg"></h-image>
<h4>2. 使用自定义默认错误图片，传入error</h4>
<h-image
  src="https://notExsitImage.jpeg"
  error="https://p1.ssl.qhimg.com/dr/270_500_/t01683e90dc6c1461f7.jpg?size=440x437"
></h-image>
      `,
      codeDesc: "",
    }
  },
};
</script>

<style>
</style>